﻿* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; font-size: 12px; font-family: Verdana,Arial,sans-serif; overflow-y: scroll; color: #222; }
.clear { clear: both; float: none; }
img { border: none; }
ul, dt, ol { list-style-type: none; }
hr { border: none; border-top: solid 1px #ccc; margin: 0.5em; }
a, a:visited { text-decoration: none; color: #555; }
a:hover { color: #599fcf; }
table { border-spacing: 0; border-collapse: collapse; }

.bar > *, .cloud > * { display: inline-block; *display: inline; }
.cloud > li { border: 1px; padding: 0.5em; margin: 0.5em; }

.inlinebar { display: inline-block; text-transform: uppercase; border: 1px; font-size: 0.8em; clear: both; }
.inlinebar a { text-decoration: none; padding: 0 0.5em; font-weight: bold; }
.inlinebar a:hover { color: #599fcf; }

.statusbar { display: block; border: 1px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; opacity: 0.8; filter: alpha(opacity=80); }
.statusbar ul { font-weight: bold; margin: 0.5em 2em; text-align: center; }
.statusbar .error, .validate-error { color: #f00; }

.groupbox { margin: 0.5em; border: 1px; }
.groupbox > legend { margin: 0 0.5em; padding: 0 0.5em; font-weight: bold; }
.groupbox > header { border: 0; border-bottom: 1px; margin: 0 0.5em; }
.groupbox > header > h3 { font-size: 1.2em; padding: 0 1em; text-align: right; }
.groupbox > section { padding: 0.5em 1em; }

.hint { color: #777; }

form textarea, 
form input, 
form select { font-family: Verdana,Arial,sans-serif; font-size: 1em; } 
form input[type=password], 
form input[type=text], 
form select, 
form textarea { width: 100%; }
form select[multiple] { min-height: 8em; }
form > table { width: 100%; }
form > table textarea { height: 10em; }
form > table td:first-child { text-align: right; white-space: nowrap; vertical-align: top; }
form > table > tbody > tr > td:first-child > * { display: inline-block; }
form > table > tbody > tr > td:first-child > .ui-icon { vertical-align: text-bottom; }
form > table td:last-child { text-align: left; width: 100%; }
form > table td { position: relative; padding: 0.3em 0.5em; }
form > table td > .hint { font-size: 0.9em; }
form > ul { list-style-type: none; }
form > ul li { position: relative; padding: 0.3em 0; }
form > table td > span.validate-error,
form > table td > span.validate-success,
form > ul li > span.validate-error,
form > ul li > span.validate-success { padding: 0.2em 1em; font-size: 0.85em; border: 0; position: absolute; right: 1em; top: 0; white-space: nowrap; opacity: 0.9; filter: alpha(opacity=90); }
form > .toolbar { text-align: center; margin: 1em; font-size: 0.9em; }

.page { width: 100%; height: 100%; position: relative; }
.page > header { clear: both; padding: 0 3em; height: 30px; margin: 0 1em 0.5em 1em; border: 1px; border-top: 0; }
.page > header > .navbar { float: left; }
.page > header > .navbar li { line-height: 30px; }
.page > header > .navbar > li > a { text-transform: lowercase; }
.page > header > .navbar .menu, .page > header > .navbar .menu * { background: none; list-style: none; }
.page > header > .navbar .menu ul { position: absolute; top: -999em; }
.page > header > .navbar .menu li ul { border-width: 1px 1px 1px 4px; display: block; width: 208px; padding: 0.5em 0; }
.page > header > .navbar .menu li a { text-decoration: none; padding: 6px 0; display: block; position: relative; }
.page > header > .navbar .menu li { position: relative; }
.page > header > .navbar .menu li:hover { left: 0; z-index: 99; visibility: inherit; }
.page > header > .navbar .menu li:hover li ul { top: -999em; }
.page > header > .navbar .menu ul li { width: 200px; padding: 2px 4px; line-height: 1em; }
.page > header > .navbar .menu > li > a { padding: 0 1em; line-height: 30px; font-weight: bold; border-width: 0 1px; }
.page > header > .navbar .menu > li:hover > a, .page > header > .navbar .menu ul li:hover > a { color: #599fcf; }
.page > header > .navbar .menu li:hover > ul { top: 30px; }
.page > header > .navbar .menu ul li:hover ul { top: 15px; left: 100px; }
.page > header > .navbar .menu ul li:hover > a,
.page > header > .navbar .menu ul li a:focus,
.page > header > .navbar .menu ul li a:hover,
.page > header > .navbar .menu ul li a:active { padding: 5px 2px; margin-left: -10px; width: 212px; border: 1px; }
.page > header > .toolbar { float: right; padding: 0 1em; font-size: 0.9em; height: 30px; line-height: 30px; border-width: 0 1px; margin-right: 45px; }
.page > header > .loader { position: absolute; top: 0; left: 2em; padding: 8px 0; }
.page > header > .logo { position: absolute; top: 0; right: 1.5em; padding: 5px 10px; }
.page > header > .logo img { width: 50px; height: 20px; }

.page > .content { clear: both; padding: 0.5em 1em 3em 0; }

.page > .content > .main.has-sidebar-at-left { margin-left: 250px; }

.page > .content > .sidebar { width: 220px; float: left; border: 1px; border-left-width: 15px; border-right-width: 2px; margin-bottom: 1em; }
.page > .content > .sidebar > .box { margin: 0.5em 0; padding: 0 1em; }
.page > .content > .sidebar > .box > header { font-weight: bold; font-size: 0.9em; }
.page > .content > .sidebar > .box > header .inlinebar { float: right; }
.page > .content > .sidebar > .box > section { border: 0; border-top-width: 1px; padding: 0.5em 1em; }
.page > .content > .sidebar > nav.box > header span { color: #999; }
.page > .content > .sidebar > nav.box > section > ul { vertical-align: top; margin-left: 0.7em; list-style-type: circle; }
.page > .content > .sidebar > nav.box > section > li { padding: 0.2em 0; }
.page > .content > .sidebar > .box > section.hint { padding: 0.5em 0; }
.page > .content > .sidebar > .box > section.hint > p { display: block; margin: 0.2em 0; padding: 0.5em; background: #f7f7ff; }

.page > .content > .main > .box { margin-bottom: 1em; }
.page > .content > .main > .box > header { border: 1px; height: 30px; line-height: 30px; }
.page > .content > .main > .box > header > h3 { line-height: 30px; font-size: 1.4em; padding: 0 1em; }
.page > .content > .main > .box > header > .toolbar { float: right; font-size: 0.9em; margin: 0 2em; padding: 0 1em; border: 1px; border-top: 0; border-bottom: 0px; }
.page > .content > .main > .box > header > .toolbar li { line-height: 30px; }
.page > .content > .main > .box > header > .toolbar .separator { margin: 0 0.5em; }
.page > .content > .main > .box > header > .navbar { float: right; font-size: 0.9em; padding: 0 1em; line-height: 30px; }
.page > .content > .main > .box > header > .navbar a { text-transform: lowercase; }
.page > .content > .main > .box > section { margin: 1em 0; }

.page > .content > .main > .box > header,
.page > header > .toolbar,
.page > header > .navbar .menu > li > a { background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }

.page > .content > .main > .box > header,
.page > header > .toolbar,
.page > header > .navbar .menu > li > a { border-style: solid; border-color: #999; }

.groupbox > header,
.page > header > .navbar .menu ul li:hover > a,
.page > header > .navbar .menu ul li a:focus,
.page > header > .navbar .menu ul li a:hover,
.page > header > .navbar .menu ul li a:active,
.page > .content > .main > .box > header > .toolbar { border-style: solid; border-color: #999; }

.page > header > .navbar .menu ul li:hover > a,
.page > header > .navbar .menu ul li a:focus,
.page > header > .navbar .menu ul li a:hover,
.page > header > .navbar .menu ul li a:active,
.page > .content > .main > .box > header > .toolbar { background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; }

.groupbox,
.cloud > li,
.page > header > .navbar .menu li ul,
.page > .content > .sidebar,
.page > .content > .sidebar > .box > section { border-style: solid; border-color: #aaaaaa; }

.groupbox,
.cloud > li,
.page > header > .navbar .menu li ul,
.page > .content > .sidebar,
.page > .content > .sidebar > .box > section { background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; }

.page > header { border-style: solid; border-color: #aaaaaa; }

.page > header { background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; }

.statusbar,
span.validate-success,
span.validate-error,
.inlinebar { border-style: solid; border-color: #fcefa1; }

.statusbar,
span.validate-success,
span.validate-error,
.inlinebar { background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; }

.page > header > .navbar .menu li ul,
.inlinebar { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.inlinebar { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.report { margin: 1em; }
.report table { width: 100%; text-align: left; margin-bottom: 1em; }
.report table td, 
.report table tbody th { border-bottom: solid 1px #ccc; }
.report table tbody th { padding: 0.2em 0.5em; }
.report table thead th { background-color: #eee; padding: 0.5em 1em; }
.report table tbody td { padding: 0.1em 0.5em; }
.report table.key-value td:first-child { width: 25%; }

.ui-tabs { overflow: auto; }
